

/*
 *	TABLE OF CONTENTS (West-pane)
 */
.ui-layout-west .ui-layout-content {
    padding: 1ex 0.5em 2em 15px; /* need left-padding for +/- buttons */
}
UL#TOC {
    list-style: none;
    margin: 0;
    padding: 0;
}
#TOC LI {
    padding: 2px 0;
}
#TOC A {
    color: #000;
    display: block;
    padding: 1px 0 2px 20px;
    white-space: nowrap;
}
#TOC A:visited {
    color: #000;
}
#TOC A:hover {
    color: #000;
    background-color: #FEC;
    text-decoration: none;
}
#TOC LI UL {
    list-style: none;
    margin: 0;
    margin-left: 1em;
    padding: 0.25em 0 .25em 10px;
    display: none;
}
#TOC LI UL LI {
    padding: 1px 0;
}
#TOC LI UL LI A {
    padding-top: 0px;
    padding-bottom: 1px;
}
#TOC>li>a>i{
    color: #53a3a4;
}
#TOC>li ul i{
    color: #0782C1;
}
#TOC .tocBtn {
    float:			left;
    margin-left:	-17px; /* move button into left-margin */
    margin-top:		2px;
    width:			16px;
    height:			16px;
    cursor:			pointer;
    background:		url(../images/icon_tree_off.gif) no-repeat center;
}
#TOC .hasSub {

    background:		url(../images/icon_tree_on.gif) no-repeat left;
}

H2 {
    margin-bottom: 0;
}
DIV.collapsible {
    padding: 0.75em 3px 3px;
    border: 1px solid #FFF; /* same as page-color */
    border-top: none;
    position: relative;
}
DIV.highlightCollapsible {
    border: 1px dotted #566F6F; /* same as H2 border-bottom */
    border-top: none;
}
DIV.highlightCollapsible ,
DIV.highlightCollapsible PRE {
    background-color: #F2F6F4;
}
DIV.collapsible H4 {
    margin-top: 0 !important; /* div has padding-top */
}

SPAN.expander {
    float:		right;
    margin-top:	3px;
    width:		16px;
    height:		16px;
    cursor:		pointer;
    background:	url(../images/icon_tree_on.gif) no-repeat center;
}
SPAN.expander_open   { background-image: url(../images/icon_tree_off.gif); }
SPAN.expander_closed { background-image: url(../images/icon_tree_on.gif); }


/*
 *	LAYOUT PANE FORMATTING
 */

.ui-layout-north {
    border-bottom: none;
}

.ui-layout-west {
    background-color: #F9F9F9;
    border:			1px solid #677;
    border-left:	0;
    overflow: auto;
}
.ui-layout-east {
    background-color: #F9F9F9;
    border:			1px solid #677;
    border-left:	0;
    overflow: auto;
}
.ui-layout-center {
    background-color: #FFF;
    border: 1px solid #677;
    padding: 15px 2em 3em;
    overflow: auto;
}

/* inner divs inside Outer East/West panes */
.header {
    background: #eee url(../images/eeeeee_40x100_textures_02_glass_90.png) 0 50% repeat-x;
    border-bottom: 1px solid #677;
    font-weight: bold;
    text-align: center;
    padding: 2px 0 4px;
    position: relative;
    overflow: hidden;
}


/*
*	LAYOUT RESIZERS & TOGGLERS
*/

.ui-layout-resizer-sliding {
    opacity: 0.1;
    filter: alpha(opacity=10);
    background-color: #999;
}
.ui-layout-resizer-sliding:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}

/* north-pane is not resizable*/
.ui-layout-resizer-north-dragging ,
.ui-layout-resizer-north:hover		{ background: url(../images/resizable-n.gif) repeat-x center; }
.ui-layout-resizer-south-dragging ,
.ui-layout-resizer-south:hover		{ background: url(../images/resizable-s.gif) repeat-x center; }

.ui-layout-resizer-west-dragging ,
.ui-layout-resizer-west-open:hover	{ background: url(../images/resizable-w.gif) repeat-y center; }
.ui-layout-resizer-east-dragging ,
.ui-layout-resizer-east-open:hover	{ background: url(../images/resizable-e.gif) repeat-y center; }

/* IE6 * HACK - always show resizer graphics because IE6 cannot understand elem:hover */
/** html .ui-layout-resizer-north		{ background: url(../lib/img/resizable-n.gif) repeat-x center !important; } */
* html .ui-layout-resizer-south		{ background: url(../images/resizable-s.gif) repeat-x center  !important; }
* html .ui-layout-resizer-west-open	{ background: url(../images/resizable-w.gif) repeat-y center  !important; }
* html .ui-layout-resizer-east-open	{ background: url(../images/resizable-e.gif) repeat-y center  !important; }

/*
*	SIMPLE TOGGLER BUTTONS
*/

.ui-layout-toggler-north-open ,
.ui-layout-toggler-south-closed { background: url(../images/toggle-up.gif) no-repeat center bottom; }
.ui-layout-toggler-north-closed ,
.ui-layout-toggler-south-open   { background: url(../images/toggle-dn.gif) no-repeat center top; }
.ui-layout-toggler-east-closed ,
.ui-layout-toggler-west-open    { background: url(../images/toggle-lt.gif) no-repeat center right; }
/*.ui-layout-toggler-west-closed , SEE west-closed BELOW */
.ui-layout-toggler-east-open    { background: url(../images/toggle-rt.gif) no-repeat center left; }

/* 'CONTENTS' TOC TOGGLER BUTTON */
.ui-layout-resizer-west-closed {
    background-color:	#DDD;
    border-top:			1px solid #677;
    border-bottom:		1px solid #677;
    border-left:		1px solid #677;
}
.ui-layout-resizer-west-closed:hover {
    background-color: #E6E6E6;
}
.ui-layout-resizer-west-closed:hover .content {
    color: #C30;
}
.ui-layout-toggler-west-closed {
    background-color:	#EEE;
    border-top:			1px solid #FFF;
    border-left:		1px solid #FFF;
    border-bottom:		1px solid #677;
}
.ui-layout-toggler-west-closed:hover {
    background-color: #F6F6F6;
}
.ui-layout-toggler-west-closed .content {
    color:			#033;
    font-size:		12px !important;
    font-weight:	bold;
    text-transform:	uppercase;
    text-align:		center;
    padding-right:	1px;
}
.ui-layout-north{
    position: static!important;
}
/* 'CONTENTS' TOC TOGGLER BUTTON */
.ui-layout-resizer-east-closed {
    background-color:	#DDD;
    border-top:			1px solid #677;
    border-bottom:		1px solid #677;
    border-left:		1px solid #677;
}
.ui-layout-resizer-east-closed:hover {
    background-color: #E6E6E6;
}
.ui-layout-resizer-east-closed:hover .content {
    color: #C30;
}
.ui-layout-toggler-east-closed {
    background-color:	#EEE;
    border-top:			1px solid #FFF;
    border-left:		1px solid #FFF;
    border-bottom:		1px solid #677;
    background-image:   none ;
}
.ui-layout-toggler-east-closed:hover {
    background-color: #F6F6F6;
}
.ui-layout-toggler-east-closed .content {
    color:			#033;
    font-size:		12px !important;
    font-weight:	bold;
    text-transform:	uppercase;
    text-align:		center;
    padding-right:	1px;
}
.pd15{
    padding: 15px;
}